<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="../../include/tag.jsp"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<title>个人名片</title>
<%@include file="../../include/commonFile.jsp"%>
<style type="text/css">

body{
	min-width: auto!important;
	background-color: white!important;
}

.info-container {
	padding-top: 10px;
	margin: 0px auto;
	width: 90%;
}

.info-container div {
	line-height: 30px !important;
}

.info-container .member-logo {
	margin-bottom: 0;
	position: relative;
}

.vip-big {
	position: absolute;
	right: -6px;
	bottom: 0px;
	background-color: #fff;
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	color: #e8473f;
}

.vip-big .vip-big-font{
    font-size: 26px;
    position: absolute;
    color: #e8473f;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-47%);
    transform: translate(-50%,-47%);
}

.user-infos {
	display: block;
	width: 100%;
	text-align: center;
}

.avater-big {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	position: relative;
	border: #fff 2px solid;
}
.huangguan-big {
    font-size: 20px !important;
    color: #ffc107 !important;
}

</style>
</head>
<body>
	<div class="layui-form info-container">
		<div class="member-logo">
			<div class="user-infos vertical-center">
				<div class="avater-big common-img" id="logo" >
					<img src="<c:if test="${member.logo != null}">${member.logo}?imageMogr2/auto-orient/crop/126x126</c:if>" alt="" onerror="txz.errImg(this)" onload="txz.imgLoad(this)">
					<%--<div class="vip-big" id="userStatus" ${member.userStatus != 1 ? 'style="display: none;"' : '' }>
						<span class="iconfont icon-vip red vip-big-font"></span>
					</div>--%>
				</div>
				<div id="username_content">
					<span class="f16 red">${member.realname}</span>
					<c:if test="${empty isGroup}">
						<span
								class="iconfont icon-huangguan huangguan-big" ${member.isExpert != 1 ? 'style="display: none;"' : '' } ></span>
					</c:if>
					<span class="f16">${member.jobTitle}</span>
				</div>
			</div>
		</div>
		<table class="layui-table" lay-skin="nob">
			<colgroup>
				<col width="120">
				<col>
			</colgroup>
			<tbody>
			<tr>
				<td class="tr">用&nbsp;户&nbsp;名</td>
				<td class="tl">${member.username}</td>
			</tr>
			<tr>
				<td class="tr">真实姓名</td>
				<td class="tl">${member.fullname}</td>
			</tr>
			<tr>
				<td class="tr">性&emsp;&emsp;别</td>
				<td class="tl"><c:if test="${not empty member.sex}">${member.sex == '1' ? '男' : '女'}</c:if></td>
			</tr>
			<tr>
				<td class="tr">联系方式</td>
				<td class="tl">${member.mobile}</td>
			</tr><tr>
				<td class="tr">微&emsp;&emsp;信</td>
				<td class="tl">${member.wechatNum}</td>
			</tr><tr>
				<td class="tr">公司名称</td>
				<td class="tl">${member.company}</td>
			</tr><tr>
				<td class="tr">所在地点</td>
				<td class="tl">${city.name}</td>
			</tr><tr>
				<td class="tr">所属行业</td>
				<td class="tl">${industry.name}</td>
			</tr>
			<c:if test="${empty isGroup}">
			<tr>
				<td class="tr">对接资源</td>
				<td class="tl">${member.wantRes}</td>
			</tr>
			</c:if>
			</tbody>
		</table>
	</div>
</body>
<script>
	
</script>
</html>